.harnessNav{width: 100%;height: 45px;border-bottom: 1px solid #ccc;display: flex;justify-content: space-between;align-items: center;
}
.harnessNav>div:nth-child(1){width: 120px;height: 25px;display: flex;margin-left: 35px;
}
.harnessNav>div:nth-child(1) img{width: 25px;height: 25px;
}
.harnessNav>div:nth-child(1) div{line-height: 25px;margin-left: 5px;padding: 0;color: #333;font-size: 14px;
}
.userNavT{width: 220px;display: flex;align-items: center;
}
.userNavT>div:nth-child(1){display: flex;
}
.userNavT>div:nth-child(1) img{width: 20px;height: 20px;margin-top: 3px;
}
.userNavT>div:nth-child(1) div{line-height: 25px;margin-left: 5px;padding: 0;color: #333;font-size: 14px;
}
.userNavT>div:nth-child(2){color: #888;font-size: 14px;cursor: pointer;
}

.harnDeta {width: 100%;display: flex;justify-content: center;flex-wrap: wrap;
}
.harnNav {height: 0px;background-color: #fff;width: 95%;margin-top: 40px;border-top-left-radius: 5px;border-top-right-radius: 5px;display: flex;justify-content: space-between;overflow: hidden;align-items: center;border: 1px solid #efefef;border-top: 2px solid #3c8dbc;border-bottom: 1px solid #8492a6;
}
.add {line-height: 32px;width: 65px;height: 33px;margin-right: 40px;text-align: center;background-color: #fafafa;color: #000;font-size: 13px;border: 1px solid #ddd;border-radius: 3px;cursor: pointer;display: flex;align-items: center;justify-content: center;
}
.add span{font-size: 12px;margin-right: 5px;}
.detail {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;min-height: 530px;background-color: #fff;width: 95%;border: 1px solid #efefef;
}
.detail>ul>li {display: flex;height: 45px;text-align: center;line-height: 45px;overflow: hidden;
}
.detail>ul>li>div {width: 25%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.detail>ul>li .delHarn {
  min-width: 210px;
}
.detail>ul>.dataLi .delHarn  small{cursor: pointer;font-size: 14px;padding: 4px;border-radius: 2px;margin-left: 3px;margin-right: 3px;border: 1px solid #ddd;color: #666;font-size: 14px;}
.elbut{color: #666;}
.detail>ul>.dataLi .delHarn  small span{font-size: 12px;margin-right: 3px;} 
.elbut span{font-size: 12px;margin-right: 3px;}

.firstLi {border-bottom: 1px solid #8492a6;color: #000;font-size: 15px;font-weight: 600;background-color: rgb(245, 245, 245);
}
.dataLi {font-size: 14px;border-bottom: 1px solid #ddd;color: #000;
}
.detail>ul>li>div{border-left: 1px solid #ddd;
}
.detail>ul>li>div:nth-child(6){border-right: 1px solid #ddd;
}
.dataLi:hover {background-color: rgb(245, 245, 245);
}
.detail>ul .lastLi {display: flex;justify-content: space-between;border-top: 1px solid #8492a6;align-items: center;height: 55px;
}
.detail>ul .lastLi div{border: 0;
}
.lastLi .lastSel {width: 530px;height: 35px;margin-top: 3px;
}
.lastLi .lastPag {width: 50px;height: 35px;margin-top: 5px;
}
.detail>ul .nullLi>div{
  width: 100%;}
   
/*接受受理*/
/*添加弹出框*/
    .slide-fade-enter-active {transition: all 0.7s ease;
    }
    .slide-fade-enter,
    .slide-fade-leave-active {transform: translateY(-30px);opacity: 0;
    }
    .addPopup {z-index: 1;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);
    }
    .addMain{
      width: 500px;
      height: 340px;
      background-color: #fff;
      border-radius: 5px;
      margin: calc((100vh - 340px) / 2) auto;
    }
    .addMain .promptC {color: red;text-align: center;line-height: 55px;height: 20px;
    }
    .addMain>div:nth-child(1) {position: relative;height: 60px;overflow: hidden;border-bottom: 1px solid #ccc;
    }
    .addMain>div:nth-child(1) h2 {margin: 0;padding: 0;line-height: 60px;text-align: center;color: #324057;
    }
    .addMain>div:nth-child(1) .calladd {margin: 0;position: absolute;top: 15px;right: 15px;width: 16px;height: 17px;cursor: pointer;
    }
    .addMain>div:nth-child(1) .calladd img {width: 100%;height: 100%;
    }
    .addSide{
      height: 150px;
      display: flex;
      width: 100%;
      margin-top: 10px;
      overflow: hidden;
    }
    .addSide>div:nth-child(1){width: 120px;line-height: 150px;font-size: 16px;text-align: right;}
    .addSide>div:nth-child(2){width: 350px;margin-top: 10px;}
     #upDateImg {height: 100%;display: flex;
    }
    #upDateImg>div{width: 145px;height: 145px;overflow: hidden;}
    #upDateImg>div:nth-child(1){border: 1px solid #ddd;border-radius: 5px;}
    #upDateImg>div:nth-child(2){margin-left: 10px;position: relative;}
    #upDateImg label{position: absolute;left: 0;bottom: 55px;width: 100px;height: 40px;border: 1px solid #ddd;border-radius: 5px;z-index: 100000;cursor: pointer;line-height: 40px;text-align:center;}
    #upDateImg .showUpImage{width: 100%;height: 100%;}
    #upDateImg .removeImage{position: absolute;left: 0;bottom: 55px;width: 100px;height: 40px;border: 1px solid #ddd;border-radius: 5px;z-index: 100000;cursor: pointer;line-height: 40px;text-align:center;}





    .operate {margin-top: 25px;height: 80px;display: flex;justify-content: flex-end;align-items: center;border-top: 1px solid #ccc;
    }
    .operate button {cursor: pointer;width: 80px;height: 35px;color: #fff;font-size: 15px;border: 1px solid #eff2f7;border-radius: 3px;
    }
    .operate button:nth-child(1) {background-color: #13ce66;margin-right: 20px;
    }
    .operate button:nth-child(2) {background-color: #ff4949;margin-right: 40px;
    }
    .showAdd {display: none;
    }